// components/search/search.js
const app = getApp()

Component({
  /**
   * 组件的属性列表
   */
  options: {
    styleIsolation:'apply-shared'
  },

  properties: {
    
  },

  /**
   * 组件的初始数据
   */
  data: {
    isFocus: false,
    historyList: [],
    searchList: []
  },

  /**
   * 组件的方法列表
   */
  methods: {

    handleFocus(){
      wx.getStorage({
        key: "searchHistory",
        success: (res) => {
          this.setData({
            historyList: res.data
          })
        }
      })

      this.setData({
        isFocus: true
      })
    },

    // 取消
    handleCancel(){
      this.setData({
        isFocus: false
      })
    },

    // 点击回车
    handleConfirm(ev){
      // console.log(ev.detail.value);
      let value = ev.detail.value
      
      // ES6语法
      let cloneHistoryList = [...this.data.historyList]
      cloneHistoryList.unshift(value)

      wx.setStorage({
        key: "searchHistory",
        // 去掉重复的
        data: [...new Set(cloneHistoryList)]
      })
      this.changeSearchList(value)
    },

    // 删除历史记录功能
    handleHistoryDelete(){
      wx.clearStorage({      
        key: "searchHistory",
        success: (res) => {
          this.setData({
            historyList: []
          })          
        },
      })
    },

    // changeSearchList(value){
    //   db.collection('users').where({
    //     //RegExp: 小程序云开发中数据库的查询
    //     nickName: db.RegExp({
    //       regexp: value,
    //       options: 'i'
    //     })
    //   }).field({
    //     userPhoto: true,
    //     nickName: true
    //   }).get().then((res) => {
    //     this.setData({
    //       searchList: res.data
    //     })
    //   })
    // },

    // 获取历史记录信息
    handleHistoryItemDel(ev){
      let value = ev.target.dataset.text;
      // console.log(value)
      this.changeSearchList(value)
    }

  }
})

